body,html{
    padding:0;
    font-family: "PingFang SC","STHeiti","Microsoft YaHei", arial;
    font-size: 14px;
    max-width:750px;
    margin:0 auto;
    height: 100%;
}

header{
    max-width:750px;
    margin:0 auto;
} 

*{
    margin:0;
    padding:0;
    box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
}

ul,li{
  list-style:none;
}
img,video{
	display: block;
	width:100%;
	height: auto;
}

.blank-5{
    width: 100%;
    height: 5px;
    background: rgba(242,243,249,1);
}
.blank-9{
    width: 100%;
    height: 9px;
    background: rgba(242,243,249,1);
}
.list{
    padding:0 15px;
}

input{
	width:100%;
	outline:0 none;
	border:0 none;
	color: #666;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:#bfbfbf;
}

.tips{
    font-size:12px;
    margin-top:20px;
    padding:0 15px;
    color:#666666;
}

textarea{
    line-height: 1.5;
    font-family: "PingFang SC","STHeiti","Microsoft YaHei", arial;
}

[v-cloak] {
  display: none !important;
}

#nprogress{
    .bar{
        background:#5F88FF !important;
    }
    .spinner{
        .spinner-icon{
            border-top-color: #5F88FF;
            border-left-color: #5F88FF;
        }
    }
}

/*横条样式*/
input[type=range] {
    -webkit-appearance: none;/*清除系统默认样式*/
    width: 100%;
    background: -webkit-linear-gradient(#5f88ff, #5f88ff) no-repeat, #F4F5FA;/*设置左边颜色为#61bd12，右边颜色为#ddd*/
    background-size: 75% 100%;/*设置左右宽度比例*/
    height: 3px;/*横条的高度*/
}
/*拖动块的样式*/
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;/*清除系统默认样式*/
    height: 18px;/*拖动块高度*/
    width: 18px;/*拖动块宽度*/
    background: #fff;/*拖动块背景*/
    border-radius: 50%; /*外观设置为圆形*/
    border:1px solid rgba(234, 243, 251, 0.81);/*设置边框*/
    box-shadow:0px 1px 2px 0px rgba(0,85,164,0.24);/*设置阴影*/
}